<!--
    页面：导入导出
    路由：/importSheet
    作者：尹竹群
    部门：查账开发部
    时间：2021-09
    编辑：
-->
<template>
  <div class="container">
    <Row v-tc-height="'100%'">
      <!-- luckysheet表格区域 -->
      <i-col span="24" v-tc-height="'100%'">
        <div class="luckysheet" id="dblclick"></div>
      </i-col>
    </Row>
  </div>
</template>

<script>
export default {
  name: "dblclick",
  data() {
    return {
      // 表格初始化数据
      sheetData: {
        // 设定DOM容器的id
        container: "dblclick",
        // 是否显示顶部信息栏
        showinfobar: false,
        // 设定表格语言
        lang: "zh",
        hook: {
          cellEditBefore(value) {
            alert("测试双击");
            // return false;
          }
        },
        // 表格
        data: [
          //数据
          {
            name: "表一", //工作表名称
            color: "",
            index: 0, //唯一id
            status: 1,
            order: 0,
            row: 20, //行数
            column: 20, //列数
            celldata: [],
            config: {},
            allowEdit: false
          },
          {
            name: "表二",
            color: "",
            index: 1,
            status: 0,
            order: 1,
            celldata: [],
            config: {}
          }
        ]
      }
    };
  },
  methods: {
    /**
     * 初始化报表
     */
    initSheet() {
      window.luckysheet.create(this.sheetData);
    }
  },
  mounted() {
    // 初始化报表
    this.initSheet();
  }
};
</script>

<style scoped>
.luckysheet {
  width: 100%;
  height: 100%;
}
</style>
